#root {
  height: 100%;
}
input:-webkit-autofill,
input:-internal-autofill-selected,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  outline: none;
  box-shadow: 0 0 0 60px #135ea4 inset !important;
  -webkit-text-fill-color: #92e4ff !important;
}
.slider-decorator-0 {
  bottom: 16px !important;
}
.center {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
li,
ul,
ol,
dl,
dd,
dt {
  list-style: none !important;
}
.ant-drawer-body {
  padding: 0px !important;
}
.tag {
  padding: 4px 6px;
  background-color: #f0f0f0;
  color: #666;
  display: inline-block;
  margin: 0 4px 4px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.am-list-extra {
  padding-right: 15px;
}
.spacebt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.am-list-view-scrollview-content {
  width: 100% !important;
  height: 100% !important;
  .am-pull-to-refresh-indicator {
    color: #fff !important;
  }
  .am-list-body::before {
    background-color: transparent !important;
  }
  .am-pull-to-refresh-content-wrapper {
    min-height: 100% !important;
    .am-pull-to-refresh-content {
      min-height: 100% !important;
    }
  }
}
.am-tabs-default-bar-tab::after {
  background-color: transparent !important;
}
.am-list-view-scrollview {
  height: 100% !important;
  background-color: transparent !important;
}
.am-list-body {
  background-color: transparent !important;
  border: none !important;
}

.am-list-header {
  padding: 0 !important;
  .ant-input-affix-wrapper {
    border: none !important;
    border-radius: 6px !important;
    input {
      margin-top: -2px !important;
      color: @primary-color !important;
    }
  }
}

.am-pull-to-refresh-content {
  transition: all 0s;
}

.notrans {
  .am-pull-to-refresh-content {
    transform: none !important;
    transition: all 0s;
  }
  .ifixed {
    top: 0px !important;
    transition: all 0s;
  }
}

.trans {
  .ifixed {
    top: 24px !important;
    transition: all 0s;
  }
}

.oneline {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-view-section-body {
  padding-bottom: 8px;
  position: relative;

  &::after {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 0px;
  }
}

.rumtime-keep-alive-layout {
  height: 100%;
  background-color: #f5f4f9 !important;
}
.rumtime-keep-alive-layout-no {
  height: 100%;
  background-color: #f5f4f9 !important;
}
.am-list-content {
  flex: initial !important;
}
.am-list-item .am-list-line {
  padding-right: 0 !important;
}
.am-list-item .am-list-line-multiple {
  padding-right: 0 !important;
}
.am-list-item .am-list-line .am-list-content {
  font-size: 16px !important;
}
.seto {
  .am-list-content {
    width: 100% !important;
  }
}

.am-list-line-wrap {
  .am-list-content {
    width: 100% !important;
    flex: initial !important;
    .am-list-brief {
      white-space: pre-wrap !important;
      text-overflow: initial !important;
    }
  }
}
.am-list-extra {
  flex: 1 !important;
  text-align: right;
}
.bg {
  height: 100%;
  background-image: linear-gradient(#faf9fa, #eff5f4);
}

@keyframes bgmove {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}
.totitle {
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.am-search {
  position: relative;
  display: flex;
  align-items: center;
  height: 54px !important;
  padding: 0 8px;
  overflow: hidden;
  background-color: #fff !important;
}

.am-search-input {
  flex: 1 1;
  position: relative;
  width: 100%;
  height: 32px !important;
  overflow: hidden;
  background-color: #f0f0f0 !important;
  background-clip: padding-box;
  overflow: hidden;

  > div {
    height: 100% !important;
    line-height: 30px !important;
  }
}

.am-search-value {
  height: 32px !important;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-color: #f9f9f9 !important;
  background-color: #fff;
}

.search {
  .ant-collapse-borderless {
    background-color: #fff;
  }
}
.am-search-input .am-search-clear {
  padding: 8.5px !important;
}

.alert-enter {
  height: 0px;
  overflow: hidden;
}

.alert-enter-active {
  height: 111px;
  transition: all 300ms;
}

.alert-exit {
  height: 111px;
  overflow: hidden;
}

.alert-exit-active {
  height: 0px;
  transition: all 300ms;
}

.alerts-enter {
  height: 0px;
  overflow: hidden;
}

.alerts-enter-active {
  height: 197px;
  overflow: hidden;
  transition: all 300ms;
}

.alerts-exit {
  height: 197px;
  overflow: hidden;
}

.alerts-exit-active {
  height: 0px;
  overflow: hidden;
  transition: all 300ms;
}

.slider {
  width: 100%;
  height: 8px;
  background-color: #f0f0f0;
}

.formart {
  white-space: pre-wrap;
}
.kefuitem {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000000;
}
.title {
  font-size: 16px;
  color: #000;
  padding-left: 12px;
  position: relative;
  margin-bottom: 12px;

  &::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 14px;
    left: 0;
    top: 4px;
    background-color: @primary-color;
  }
}

.estitle {
  font-size: 16px;
  color: @primary-color;
  padding-left: 12px;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  &::before {
    position: absolute;
    content: '';
    width: 4px;
    height: 14px;
    left: 0;
    top: 6px;
    background-color: @primary-color;
  }
}

.linerborder {
  animation: toscale 0.6s linear;
}

@keyframes toscale {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.96);
  }
  50% {
    transform: scale(0.94);
  }
  75% {
    transform: scale(0.96);
  }
  100% {
    transform: scale(1);
  }
}
.img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.topimg {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}
.anticon-right {
  svg {
    transition: all 0.4s !important;
  }
}
.rows {
  display: flex;
  justify-content: center;
  align-items: center;
}
.diybtn {
  padding: 12px;
  background-color: #f0f0f0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #999;
}
.rowheader {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  background-color: #f0f0f0;
}
.am-calendar .week-panel .cell {
  height: 38px !important;
}

.ant-skeleton {
  padding: 12px !important;
}
.am-list-item .am-input-clear {
  margin-right: 12px;
  text-align: right;
}
.am-list-item .am-input-control input {
  padding-right: 12px !important;
  text-align: right;
}
.am-button-warning {
  color: #fff !important;
  background-color: #e94f4f;
}
.am-list-body {
  &::after {
    background-color: transparent !important;
  }
}
.justfy {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.am-tabs-default-bar-prevpage {
  background: linear-gradient(
    to right,
    #009ffe,
    rgba(255, 255, 255, 0)
  ) !important;
}
.am-tabs-default-bar-nextpage {
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    #009ffe
  ) !important;
}

.bgcontent {
  background-image: linear-gradient(
    0deg,
    #f0f0f0 0%,
    #f0f0f0 20%,
    #f0f0f0 70%,
    #009ffe 80%,
    #009ffe 100%
  );
}
.ant-empty-description {
  color: #fff !important;
}
.rumtime-keep-alive-layout {
  overflow: initial !important;
}

.ant-skeleton-element {
  width: 100% !important;
  .ant-skeleton-image {
    width: 100% !important;
    height: 200px !important;
  }
}

.maincard {
  padding: 0px 12px;
  .content {
    background-color: #fff;
    border-radius: 6px;
    min-height: 36px;
    padding: 12px;

    .space {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      font-size: 14px;
      color: #999;
      > span:first-child {
        width: 88px !important;
      }
    }
  }
}
.ant-drawer-header {
  padding: 12px !important;
}
.submitbox {
  textarea {
    border-color: #fff !important;
    padding: 2px;
    font-size: 16px;
    &:focus {
      border-color: transparent !important;
      box-shadow: none;
    }
  }
}
